<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>for...of循环</h1>
      <p>1.可以作为遍历所有数据结构的统一方式</p>
      <p>2.for..of方法可以使用return方法终止循环</p>
      <p>
        3.但是循环普通对象会报错,因为没有实现可迭代接口,而其他数据类型实现了
      </p>
    </div>
    <script>
      const arr = [100, 200, 300, 400];

      for (const item of arr) {
        console.log(item); // 100  200  300  400
      }
    </script>
  </body>
</html>
